<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" type="text/css" href="/css/layui2.2.6.css"/>
    <link rel="stylesheet" type="text/css" href="/css/view.css"/>
    <script src="../js/layui.all.js"></script>
    <script src="../js/jquery2.1.4.js"></script>

    <title></title>
</head>
<body class="layui-view-body">
    <div class="layui-content">
        <div class="layui-row layui-col-space20">
            <div class="layui-col-sm6 layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-body chart-card">
                        <div class="chart-header">
                            <div class="metawrap">
                                <div class="meta">
                                    <span>库存总数</span>
                                </div>
                                <div class="total" id="inventory_Size">-</div>
                            </div>
                        </div>
                        <div class="chart-body">
                            <div class="contentwrap">
                            </div>
                        </div>
                        <div class="chart-footer">
                            <div class="field">
                                <span>库存上限</span>
                                <span id="inventory_Up">-</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-body chart-card">
                        <div class="chart-header">
                            <div class="metawrap">
                                <div class="meta">
                                    <span>总销售数</span>
                                </div>
                                <div class="total" id="sell_Size">-</div>
                            </div>
                        </div>
                        <div class="chart-body">
                            <div class="contentwrap">
                            </div>
                        </div>
                        <div class="chart-footer">
                            <div class="field">
                                <span>日销售数</span>
                                <span id="sell_Day">-</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-body chart-card">
                        <div class="chart-header">
                            <div class="metawrap">
                                <div class="meta">
                                    <span>总出库量</span>
                                </div>
                                <div class="total" id="outNum_Size">-</div>
                            </div>
                        </div>
                        <div class="chart-body">
                            <div class="contentwrap">
                            </div>
                        </div>
                        <div class="chart-footer">
                            <div class="field">
                                <span>日出库量</span>
                                <span id="outNum_Day">-</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-body chart-card">
                        <div class="chart-header">
                            <div class="metawrap">
                                <div class="meta">
                                    <span>总入库量</span>
                                </div>
                                <div class="total" id="inpNum_Size">-</div>
                            </div>
                        </div>
                        <div class="chart-body">
                            <div class="inpNum_Day">
                            </div>
                        </div>
                        <div class="chart-footer">
                            <div class="field">
                                <span>日入库量</span>
                                <span id="inpNum_Day">-</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-sm6 layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-body chart-card">
                        <div class="chart-header">
                            <div class="metawrap">
                                <div class="meta">
                                    <span>总配送量</span>
                                </div>
                                <div class="total" id="delivery_Size">-</div>
                            </div>
                        </div>
                        <div class="chart-body">
                            <div class="contentwrap">
                            </div>
                        </div>
                        <div class="chart-footer">
                            <div class="field">
                                <span>日配送量</span>
                                <span id="delivery_Day">-</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        var element = layui.element;
    </script>
    <script>

        $(function(){
            $.ajax({
                type: "GET",
                url: "/console/",
                success: function (vo) {
                    if(vo.code==200){
                        let obj = vo.obj;
                        $("#inventory_Size").html(obj.inventory_Size);
                        $("#inventory_Up").html(obj.inventory_Up);
                        $("#sell_Size").html(obj.sales_Size);
                        $("#sell_Day").html(obj.sales_Day);
                        $("#outNum_Size").html(obj.out_Size);
                        $("#outNum_Day").html(obj.out_Day);
                        $("#inpNum_Size").html(obj.inp_Size);
                        $("#inpNum_Day").html(obj.inp_Day);
                        $("#delivery_Size").html(obj.delivery_Size);
                        $("#delivery_Day").html(obj.delivery_Day);
                    }
                }
            });

        });

    </script>
</body>
</html>